import React from 'react'
import './ModifyPicture.scss'
import { useObserver } from 'mobx-react-lite'
// import useStore from '../../context/useStore'
// import { IUserInfo } from '../../utils/interface'
import {useHistory} from 'react-router-dom'
const ModifyPicture: React.FC = () => {
  let history=useHistory()
  function back() {
    history.goBack()
  }
  return useObserver(() => (
    <div className="modifypicture">
        <div className="head">
          <span onClick={back}>{'<'}</span>
          <h3>修改头像</h3>
      </div>
      <div className="body">
        <input type="file"/>
      </div>
    </div>
  ))
}
export default ModifyPicture